<!doctype>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keyword" content="">
    <title>登录和注册</title>
    <link rel="stylesheet" href="css/L-index.css">
</head>
<body>
<!--注册 开始-->
<div class="xloginreg">
    <div class="xreg">
        <p>注册账号 <span class="close">×</span></p>
        <div class="xregdiv">
            <input type="number" placeholder="请输入手机号码" class="input">
            <div class="yzm_cont clearfix">
                <input type="text" placeholder="手机验证码" class="input" style="width:150px">
                <input type="button" value="获取验证码" class="regyzm">
            </div>
            <div class="yzm_cont clearfix">
                <input type="text" placeholder="请输入图片码" class="input" style="width:150px">
                <img src="images/yzm.png" alt="" class="yzm_img">
            </div>
            <input type="password" placeholder="设置密码" class="input">
            <p class="xregp">有账号，<a href="#">去登录></a></p>
            <input type="button" value="立即注册" class="input xregbtn">
        </div>
    </div>
</div>
<!--注册结束-->
<!--登录开始-->
<div class="xloginreg">
    <div class="xreg xlogin">
        <p>登录账号 <span class="close">×</span></p>
        <div class="xregdiv">
            <input type="number" placeholder="请输入手机号码" class="input">
            <div class="yzm_cont clearfix">
                <input type="text" placeholder="请输入图片码" class="input" style="width:150px">
                <img src="images/yzm.png" alt="" class="yzm_img">
            </div>
            <input type="password" placeholder="请输入密码" class="input">
            <p class="xregp">没有账号，<a href="#">去注册></a></p>
            <input type="button" value="立即登录" class="input xregbtn">
        </div>
    </div>
</div>

<!--登录结束-->
</body>
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        //点击登录注册出现这个
        $(".xloginreg").show();
        $(".close").click(function () {
            $(this).parent().parent().parent().hide();
        });
    });
</script>
</html>
